<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0，user-scalable=0">
    <title>购物车</title>
    <link rel="stylesheet" href="./css/购物车.css">
    <script>
        !(function (win, doc) {
            function setFontSize() {
                var winWidth = window.innerWidth;
                doc.documentElement.style.fontSize = (winWidth / 1080) * 100 + 'px';
            }
            var evt = 'onorientationchange' in win ? 'orientationchange' : 'resize';
            var timer = null;
            win.addEventListener(evt, function () {
                clearTimeout(timer);
                timer = setTimeout(setFontSize, 300);
            }, false);
            win.addEventListener("pageshow", function (e) {
                if (e.persisted) {
                    clearTimeout(timer);
                    timer = setTimeout(setFontSize, 300);
                }
            }, false);
            setFontSize();
        }(window, document));

    </script>
</head>

<body>
    <div class="nav">
        <span>购物车</span>
        <span>编辑</span>
    </div>
    <section>
        <div class="sec-title">
            <input type="checkbox" id="a">
            <label for="a">小米自营</label>
            <span>已免运费</span>
        </div>
        <div class="sec-center">
            <input type="checkbox" id="b">
            <label for="b"></label>
            <select name="" id="">
                <option value="">黑色</option>
                <option value="">白色</option>
                <option value="">紫色</option>
            </select>
            <img src="../APP图片/pms_1545975724.92496169.jpg" alt="">
            <span>米家互联网洗烘一体机10kg</span>
            <p><span>￥</span>1999</p>
            <del>￥2299</del>
            <span></span>
            <span>1</span>
            <span>+</span>
            <p>换购 <span>加599元得小米蓝牙...￥599 </span><span>(已剩￥100) </span> <span>选购></span> </p>
            <p>换购 <span>加599元得小米蓝牙...￥599 </span><span>(已剩￥100) </span> <span>选购></span> </p>
            <p>换购 <span>加599元得小米蓝牙...￥599 </span><span>(已剩￥100) </span> <span>选购></span> </p>
            <span>更多</span>
        </div>
        <div class="sec-pic">
            <input type="checkbox" id="c">
            <label for="c"></label>
            <select name="" id="">
                <option value="">黑色</option>
                <option value="">白色</option>
                <option value="">紫色</option>
            </select>
            <img src="../APP图片/pms_1589439786.76992727.jpg" alt="">
            <span>小米真无线蓝牙耳机Air2 SE</span>
            <p><span>￥</span>169 </p>
            <span></span>
            <span>1</span>
            <span>+</span>
        </div>
        <div class="sec-center2">
            <input type="checkbox" id="b">
            <label for="b"></label>
            <select name="" id="">
                <option value="">12GB+512GB黑色</option>
                <option value="">8GB+128GB黑色</option>
            </select>
            <img src="../APP图片/94b22bbff9fa84440a0aed48f9f63154.jpg" alt="">
            <span>MIXFOLD折叠屏手机</span>
            <p><span>￥</span>10999</p>
            <del>￥2299</del>
            <span></span>
            <span>1</span>
            <span>+</span>
            <li>
                <img src="../APP图片/pms_1617016261.62734340.jpg" alt="">
                <span>赠品</span>
                <span>小米环保袋 橘色 x1</span>
                <span>换赠品 ></span>
            </li>
            <li>
                <img src="../APP图片/pms_1617097752.22418929.jpg" alt="">
                <span>赠品</span>
                <span>MIX FOLD 芳纶纤维保护壳 黑色 x1</span>
                <!-- <span>换赠品 ></span> -->
            </li>
            <p><span>服务</span>意外保护|云空间服务 <span>选购></span></p>
        </div>
        <div class="aside-title">
            <img src="../APP图片/e95ade2750a7fde92369b416c7d3176d.jpg" alt="">
        </div>
        <div class="aside">
            <li><img src="../APP图片/4a05330038898964f80945746ebeec5b.png" alt="">
                <span>小米11 Ultra,开启影像新时代</span>
                <p>￥5999<span>起</span></p>
                <span>上新</span>
                <span>看相似</span>
            </li>
            <li><img src="../APP图片/4a05330038898964f80945746ebeec5b.png" alt="">
                <span>小米11 Ultra,开启影像新时代</span>
                <p>￥5999<span>起</span></p>
                <span>上新</span>
                <span>看相似</span>
            </li>
            <li><img src="../APP图片/4a05330038898964f80945746ebeec5b.png" alt="">
                <span>小米11 Ultra,开启影像新时代</span>
                <p>￥5999<span>起</span></p>
                <span>上新</span>
                <span>看相似</span>
            </li>
            <li><img src="../APP图片/4a05330038898964f80945746ebeec5b.png" alt="">
                <span>小米11 Ultra,开启影像新时代</span>
                <p>￥5999<span>起</span></p>
                <span>上新</span>
                <span>看相似</span>
            </li>
            <li><img src="../APP图片/4a05330038898964f80945746ebeec5b.png" alt="">
                <span>小米11 Ultra,开启影像新时代</span>
                <p>￥5999<span>起</span></p>
                <span>上新</span>
                <span>看相似</span>
            </li>
            <li><img src="../APP图片/4a05330038898964f80945746ebeec5b.png" alt="">
                <span>小米11 Ultra,开启影像新时代</span>
                <p>￥5999<span>起</span></p>
                <span>上新</span>
                <span>看相似</span>
            </li>
            <li><img src="../APP图片/4a05330038898964f80945746ebeec5b.png" alt="">
                <span>小米11 Ultra,开启影像新时代</span>
                <p>￥5999<span>起</span></p>
                <span>上新</span>
                <span>看相似</span>
            </li>
            <li><img src="../APP图片/4a05330038898964f80945746ebeec5b.png" alt="">
                <span>小米11 Ultra,开启影像新时代</span>
                <p>￥5999<span>起</span></p>
                <span>上新</span>
                <span>看相似</span>
            </li>
        </div>
        <div class="choose">
            <input type="checkbox" id="d">
            <label for="d">全选</label>
            <p>合计: <span>￥13167.00</span></p>
            <span>结算(5)</span>
        </div>
    </section>
    <div class="foot">

        <li><a href="../index.html"><img src="../APP图片/f1.png" alt=""></a>
            <span><a href="../index.html">首页</a> </span>
        </li>
        <li>
            <a href="../分类/分类.html"><img src="../APP图片/f2.png" alt=""></a>
            <span><a href="../分类/分类.html">分类</a> </span>
        </li>
        <li>
            <a href="../米圈/米圈.html"><img src="../APP图片/f3.png" alt=""></a>
            <span><a href="../米圈/米圈.html">米圈</a> </span>
        </li>
        <li>
            <a href="../购物车/购物车.html"><img src="../APP图片/f4.png" alt=""></a>
            <span><a href="../购物车/购物车.html">购物车</a> </span>
        </li>
        <li>
            <a href="../我的/我的.html"><img src="../APP图片/f5.png" alt=""></a>
            <span><a href="../我的/我的.html">我的</a> </span>
        </li>
    </div>
</body>

</html>